<template>
  <div>
    <a-layout>
      <!-- 头部区域 -->
      <HeaderNav />
      <a-layout>
        <!-- 左侧区域 -->
        <SiderNav></SiderNav>
        <!-- 右侧主体 background: '#ebf1f7', -->
        <a-layout-content :style="{ background: '#fff', position: 'relative' }">
          <!-- Tabs组件 -->
          <TabLayout />
        </a-layout-content>
      </a-layout>
    </a-layout>
  </div>
  <!-- 刚打开程序有下载项提示框 -->
  <ReadyDialog></ReadyDialog>
</template>

<script>
import HeaderNav from "@/components/common/HeaderNav.vue";
import SiderNav from "@/components/common/SiderNav.vue";
import TabLayout from "@/components/common/TabLayout.vue";
import ReadyDialog from "@/views/components/readyDialog.vue"
export default {
  components: {
    HeaderNav,
    SiderNav,
    TabLayout,
    ReadyDialog
  },
}
</script>
